﻿

/** Content-Title **/
.content-title {
    border-bottom: 1px solid #337ab7;
    margin-bottom: 10px;
}

.title-brand {
    margin-top: 10px;
    padding-left: 10px;
}

.title-form {
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 10px;
}

    .title-form .form-group {
        min-width: 150px;
        margin-right: 20px;
    }

    .title-form select {
        min-width: 120px;
    }
    .title-form input{
        width:120px !important;
    }

/** Content-Component **/

/* Table */
.panel-componentTable > .panel-body {
    position: relative;
    height: 340px;
    padding: 10px;
    overflow-y: scroll;
}

#componentTable tr {
    cursor: pointer;
}

#componentTable span.TurbineId, #componentTable span.ComponentId {
    display: none;
}

/* Map */
.panel-map > .panel-body {
    padding: 3px;
}

#map-wrap {
    background-image: url("../Images/bluesea.png");
    /*padding: 10px;*/
    overflow-x: scroll;
}

#map {
    margin: 0 auto;
    width: 650px;
    height: 375px;
    background-repeat: no-repeat;
}

    #map svg path,
    #map svg text {
        fill: #fff;
    }

    #map #clickLayer > rect {
        fill: rgba(255,255,255,0);
        cursor: pointer;
    }

    #map-tip{
        position:absolute;
        z-index:1000;
        top:100px;
        display:none;
        padding:10px;
        width:160px;
        height:80px;
        background-color:rgba(0,0,0,0.7);
        color:#fff;
    }


/* 换行 */
@media(max-width:768px) {
    span#hh:after {
        content: "";
        display: block;
    }
}

/** Content-Sensor **/
.sensor-title {
    color: #34495E;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 20px;
}



/** Chart **/
/* 含有2个图表的样式 */
.chart-2 {
    margin: 0 auto;
    width: 420px;
    height: 310px;
}

@media(min-width:769px) {
    .chart-2 {
        margin: 0 auto;
        width: 600px;
        height: 310px;
    }
}

